.search {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 46px;
  font-size: 16px;
  position: relative;
  z-index: 1;
}
.left {
  display: flex;
  gap: 40px;
  align-items: center;
}
.btn {
  cursor: pointer;
  height: 28px;
  width: 112px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 1px solid #26a4e1;
  background: url(./btnbg.svg) center center no-repeat;
  background-size: 120% 220%;
}
.tab {
  height: 24px;
  display: inline-flex;
  border: 1px solid #828e9c;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  .item {
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    &.selected {
      background-color: #409eff;
    }
  }
}
.dateinput {
  width: 100px !important;
  :global {
    .el-input__wrapper {
      background-color: transparent;
      box-shadow: none;
      color: #fff;
    }
    .el-input__inner {
      color: #fff;
    }
    .el-input__prefix-inner {
      color: #fff;
    }
  }
}
.datepicker {
  background: #135180 !important;
  border-color: #135180 !important;
  :global {
    .el-date-picker {
      background: #135180;
      .cell {
        color: #fff;
      }
      .el-month-table td.current:not(.disabled) .cell {
        color: #fff;
        background-color: #3f9efe !important;
      }
      .disabled.cell {
        background-color: transparent !important;
        color: #606266 !important;
      }
    }
    .el-popper__arrow {
      &::before {
        background: #135180 !important;
      }
    }
    .el-picker-panel__icon-btn {
      color: #fff;
    }
    .el-date-picker__header-label {
      color: #fff;
    }
  }
}
